$(function(){
    let layer=layui.layer
    let q ={
        pagenum :1,
        pagesize :2,
        cate_id	:"",
        state :"",
    }
    initArticleList()
    function initArticleList(){
        axios({
            url:'/my/article/list',
            method:'get',
            params:q
        }).then(res=>{
            if (res.data.status!=0) {
                return layer.msg(res.data.message)
            }
            let arr=[]
            res.data.data.forEach(ele=>{
                arr.push(`
                <tr>
                        <td>${ele.title}</td>
                        <td>${ele.cate_name}</td>
                        <td>${dateFormat(ele.pub_date)}</td>
                        <td>${ele.state}</td>
                        <td>
                            <button class="layui-btn layui-btn-xs">修改</button>
                            <button class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
                        </td>
                    </tr>
                `)
            })
            $("tbody").empty().html(arr.join(''))
            renderPage(res.data.total)
        });
    }
    //渲染筛选中的文章列表
    initArtCateList()
    let form=layui.form
    function initArtCateList(){
        axios({
            url:'/my/article/cates',
            method:'get',
        }).then(res=>{
           if (res.data.status!=0) {
               return layer.msg(res.data.message)
           }
           let arr=['<option value="">请选择文章所属分类</option>']
           res.data.data.forEach(ele=>{
               arr.push(`
                 <option value="${ele.Id}">${ele.name}</option>
               `)
           })
           let str=arr.join('')
           $("[name=cate_id]").empty().html(str)
           form.render()
        });
    }

    $("#searchForm").on('submit',function(e){
        e.preventDefault()
        q.cate_id=$("[name=cate_id]").val()
        q.state=$("[name=state]").val()
        initArticleList()
    })
    function renderPage(total){
        // 分页
        let laypage = layui.laypage;
        //执行一个laypage实例
        laypage.render({
          elem: 'pageBox' ,//注意，这里的 test1 是 ID，不用加 # 号
          count: total, //数据总数，从服务端得到
          limit:q.pagesize,//每页显示多少条
          curr:q.pagenum,//第几页
          layout:['count','limit','prev','page','next','refresh','skip'],
          limits:[2,3,5,10],
          jump:function(obj,first){
              if (!first) {
                  q.pagenum=obj.curr
                  q.pagesize=obj.limit
                  initArticleList()
              }
          }
    });
    }
    
})